<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="wangbo">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>fetch</title>
</head>

<body>
    <!-- 在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求
        目前会有一点浏览器兼容的问题， React 都可以使用 fetch 进行完美的网络请求。
        在 Chrome 浏览器中已经全局支持了 fetch 函数   -->
    <script src="../js/jquery.js"></script>
    <script>
        $.ajax({
            url: 'http://127.0.0.1/react',
            // 同步的
            async: false,
            data: { name: 'lisi', age: '20' },
            method: 'get',
            success: function (date) {
                console.log(date)
            },
            error: function (msg) {
                console.log('失败执行的方法', msg)
            }
        })
        let optin = {
            method: 'get',
        }
        // 参数只能写到路径上
        fetch("http://127.0.0.1/react?name=zhangs",optin)
            .then((res) => {
                return res.json() // res.text()是一个Promise对象
            }).then((res) => {
                console.log(res) // res是最终的结果
            })





    </script>

</body>

</html>